Ext.define('AgenteNET.view.utilitarios.recursos.Novo', {
	extend : 'Ext.form.Panel',
	alias : 'utilitariosRecursosNovoView',

	defaultType : 'textfield',
	bodyPadding : 0,
	frame : false,
	border : false,

	defaults : {
		margin : 5,
	},

	layout : 'vbox',

	items : [ {
		xtype : 'panel',
		layout : 'hbox',
		frame : false,
		border : false,
		items : [ {
			xtype : 'panel',
			defaultType : 'textfield',
			defaults : {
				labelWidth : 70,
				width : 400,
			},
			frame : true,
			border : true,
			items : [ {
				fieldLabel : 'Nome',
				name : 'nome',
				emptyText : 'Nome do recurso',
				blankText : 'Informe o nome do recurso',
				allowBlank : false,
			}, {
				fieldLabel : 'Controle',
				name : 'controle',
				emptyText : 'Modulo de controle do recurso',
				blankText : 'Informe o modulo de controle do recurso',
			}, {
				fieldLabel : 'recurso',
				name : 'funcao',
				emptyText : 'recurso do controle',
				blankText : 'Informe o nome do recurso do controle',
			} ],
		}, {
			xtype : 'image',
			src : 'tema/default/images/downloaded.jpg',
			margin : '10 0 0 15',
			width : 70,
			height : 70,
		} ]
	}, {
		xtype : 'tabpanel',
		width : 500,
		height : 280,
		plain : true,
		activeTab : 0,
		items : [ {
			xtype : 'panel',
			title : 'Informações',
			layout : 'anchor',
			defaultType : 'textfield',
			defaults : {
				labelWidth : 70,
				anchor : '100%',
				margin : 5,
			},
			width : 500,
			padding : 5,
			items : [ {
				fieldLabel : 'Rotulo',
				name : 'rotulo',
				emptyText : 'Rotulo do recurso',
				blankText : 'Informe o rotulo do recurso',
				allowBlank : false,
			}, {
				fieldLabel : 'Titulo',
				name : 'titulo',
				emptyText : 'Titulo do recurso',
				allowBlank : false,
				blankText : 'Informe o titulo do recurso',
			}, {
				fieldLabel : 'Autor',
				name : 'autor',
				emptyText : 'Autor do recurso',
				allowBlank : true,
				blankText : 'Informe o nome do autor do recurso',
			}, {
				xtype : 'combo',
				fieldLabel : 'Situação',
				name : 'situacao',
				emptyText : 'Situação do recurso',
				allowBlank : false,
				blankText : 'Informe a situação do recurso',
				anchor : '100%',
				store : {
					xtype : 'store',
					fields : [ 'value', 'display' ],
					data : [ {
						value : 'A',
						display : 'Ativo'
					}, {
						value : 'I',
						display : 'Inativo'
					} ]
				},
				transform : 'stateSelect',
				forceSelection : true,
				queryMode : 'local',
				displayField : 'display',
				valueField : 'value',
			}, {
				xtype : 'htmleditor',
				name : 'descricao',
				emptyText : 'Descrição do recurso',
				allowBlank : false,
				blankText : 'Informe a descrição do recurso',
				// anchor : '100%',
				height : 120,
			} ]
		}, {
			xtype : 'panel',
			title : 'Icone/Video',
			layout : 'hbox',
			defaults : {
				margin : 5,
			},
			items : [ {
				title : 'Icone do recurso',
				xtype : 'fieldset',
				align : 'center',
				width : 125,
				height : 130,
				items : [ {
					frame : false,
					border : true,
					cls : 'imagemFieldView',
					height : 70,
					width : 100,
				}, {
					xtype : 'filefield',
					name : 'icone',
					cls : 'imagemField',
					emptyText : 'Seleciona icone',
					width : 100,
					buttonText : 'Arquivo'
				} ],
			}, {
				title : 'Video do recurso',
				xtype : 'fieldset',
				align : 'center',
				height : 230,
				width : 350,
				items : [ {
					cls : 'videoPlayer',
					width : 320,
					height : 160,
					margin : 0,
					padding : 2,
				}, {
					fieldLabel : 'Video',
					xtype : 'textfield',
					name : 'video',
					labelWidth : 50,
					margin : 10,
					emptyText : 'Seleciona o video',
					width : 220,
				} ],
			} ]
		} ]
	} ],

	buttons : [ {
		text : 'Adicionar',
		type : 'submit',
		formBind : true,
		controle : 'utilitarios.Recursos',
		funcao : 'Adicionar'
	}, '->' ],
});
